/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Horizontal list navigation "hlist"
 * (de) Horizontaleß Navigationsliste "hlist"
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.0
 */ @media all { .ym-hlist {
        /* (en) containing floats in IE */
        /* (de) Einfassen der Floats im IE */
        width:100%;
        line-height:1em;
        background: transparent;
        padding-top: 1em;
}

ul.hMainNav {
  width: 67%;

}

.ym-hlist ul {
        margin: 0;
        /*padding: 0.5em 1.5em;*/
        display: inline;
        float: left;
}

.ym-hlist ul li {
        float: left;
        line-height: 1;
        list-style-type: none;
        margin: 0 .25em 0 0;
        padding: 0;
}

#mainNav {
        background: #54575E !important;
        
        margin-bottom: 1em;
        margin-top: -0.4em;
        border-top: 0.3em solid #6ca1e0;
        border-bottom: 0.2em solid #43444a;
        min-height: 4.5em;
    	overflow: inherit;
}

.ym-hlist ul li a, .ym-hlist ul li strong {
        background: transparent;
        color: #737373;
        display: block;
        line-height: 2em;
        padding: 0 0.5em;
        font-weight: normal;
        text-decoration: none;
       /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
        width: auto;
}

#mainNav .ym-hlist ul li a, .ym-hlist ul li strong {
        background: transparent;
        color: #fff;
        display: block;
        font-size: 1.2em;
        line-height: 2em;
        padding: 0 1em 0.4em 1em;
        font-weight: normal;
        text-decoration: none;
       /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
        width: auto;
}

#mainNav .ym-hlist ul {
        display: inline;
        float: left;
        margin: 0;
        /*padding: 1.5em 1.5em;*/
        /*padding-top: 0.7em;*/
}

.ym-hlist ul li a:focus, .ym-hlist ul li a:hover, .ym-hlist ul li a:active {
        color: #6ca1e0 !important;
       /* background: #666 ;
        background: rgba(255, 255, 255, 0.25) !important;
        border-radius: 0.2em;*/
        text-decoration: none;
        outline: 0 none;
}

.ym-hlist ul li.active {
       /* background: #666;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 0.2em;*/
        color: #6ca1e0 !important;
}

.ym-hlist ul li.active strong, .ym-hlist ul li.active a:focus, .ym-hlist ul li.active a:hover, .ym-hlist ul li.active a:active {
}
/*------------------
    New SUB MENU
-------------------*/
.ym-hlist ul li ul {
    max-height:0;
    -webkit-transition: max-height 0.8s ease-in-out;
       -moz-transition: max-height 0.8s ease-in-out;
         -o-transition: max-height 0.8s ease-in-out;
            transition: max-height 0.8s ease-in-out;
    overflow:hidden;
}
.ym-hlist ul li ul li{
    /*margin-top: 5.9em;*/
    padding-left:0.7em;
    margin: 0;
    
}
.ym-hlist ul li ul li:last-child{
    border-bottom: 0.2em solid #43444a;
}
/*---END---------*/
.f-sidebar {
    position: fixed;
    left: 0;
    top: 0;
}

.mainNavi li ul {
        margin-left: -23px !important;
        margin-top: 0 !important;
        z-index: 900;
        background-color: #54575E;
        /*opacity: 0.9;*/
        width: 15em;
}

.mainNavi li ul li {
  float: none;
}

.mainNavi li ul li a {
  font-size: 0.9em !important;
  padding: 0.2em !important;
}

.mainNavi li ul {
        height: auto;
        /*left: -999em;*/
        top: auto;
        height:0;
        margin: 0;
        padding-bottom: 0;
        position: absolute;
        z-index: 999;
        display: inherit;
        overflow: auto;
}

.mainNavi li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul {
        /*left: auto;*/
        max-height: 1000px;
        height:auto;

}

    /* ------- search form -------- */
.ym-searchform {
        float: right;
        display: inline;
        line-height: 2;
        padding: 0.5em 1.5em;
}

.ym-searchform .ym-searchfield {
        background: #fff;
        line-height: 1;
        padding: 0.25em;
        width: 12em;
        border: solid 1px #888;
        border: solid 1px rgba(255, 255, 255, 0.1);
        outline: none;
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.ym-searchform .ym-searchbutton {
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 1em;
        line-height: 1.25;
        padding: 0.25em;
        border: solid 1px transparent;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
        border-radius: .2em;
        background: #5f5f5f;
        background: rgba(255, 255, 255, 0.2);
}
}
